<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
<%@ taglib uri="http://www.xnx3.com/java_xnx3/xnx3_tld" prefix="x" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<jsp:include page="/wm/common/head.jsp">
	<jsp:param name="title" value="设置"/>
</jsp:include>
<style>
#button>.layui-form-switch{
	margin-top:0px;
}
</style>

<div id="shifouqiyong" class="layui-form" style="padding-top:10%; text-align:center; z-index: 9999999; bottom:10px;">
	<span id="qiyongtishi">是否启用TCDN翻译同步功能</span> &nbsp;&nbsp;&nbsp;
	<span id="button">

	</span>
	<div style="color:gray; padding:5px; text-align: left; padding-left: 20px;" id="use_explain">
		对接 translate.admin 的 自动执行翻译任务的api接口，当网站点击生成整站，在生成完成后，会继续等待2分钟，然后触发执行翻译任务的API接口。
		<br/>
		TCDN，会自动将您当前网站自动生成英语、法语、德语等语种的网站，并可分别绑定不同的域名。
	</div>
</div>


<div id="set" style="padding: 30px;">
	<form id="form" class="layui-form">
		
		<div>
			<span>TCDN自动触发翻译的URL : </span>
			<div>
				<textarea style="margin-top: 10px; width:100%; height:5rem;" id="url" name="url" class="layui-input" value="" ></textarea>
			</div>
		</div>
		
		<div class="layui-form-item">
			<div style="margin-top: 10px; margin-left: 47%;">
				<a class="layui-btn" onclick="save()">保存</a>
			</div>
		</div>
	</form>
</div>

<div style="position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%; display:none; overflow: hidden;" id="iframe_div">
	<iframe src="" id="iframe" style="width:100%; height:100%;" frameborder="no" border="0" > </iframe>
</div>

<script type="text/javascript">
layui.use('form', function(){
	var form = layui.form;
	
	form.on('switch(isUse)', function(data){
		useChange(data.elem.checked);
		updateUse(data.elem.checked? '1':'0');	//将改动同步到服务器，进行保存
		
	});
	
	//美化是否启用的开关控件
	$(".layui-form-switch").css("marginTop","-2px");
});

//是否使用的开关发生改变触发  use  true:开启使用状态
function useChange(use){
	if(use){
		//使用
		//$(".kefuSetInfo").css("opacity","1.0");
	}else{
		//不使用
		//$(".kefuSetInfo").css("opacity","0.3");
		
	}
}


//修改当前是否使用
function updateUse(value){
	parent.msg.loading('修改中');
	post("/plugin/tcdn/useTcdn.json?use="+value,{}, function(data){
	    parent.msg.close();    //关闭“操作中”的等待提示
		checkLogin(data);	//验证登录状态。如果未登录，那么跳转到登录页面
		if(data.result == '1'){
	        parent.msg.success('操作成功');
	        //刷新
	        window.location.reload();
	     }else if(data.result == '0'){
	         parent.msg.failure(data.info);
	     }else{
	         parent.msg.failure();
	     }
	});
}


msg.loading('加载中');
var kefuzuoxi;
post('/plugin/tcdn/index.json',{},function(data){
	msg.close();    //关闭“更改中”的等待提示
	checkLogin(data);	//验证登录状态。如果未登录，那么跳转到登录页面

	if(data.result != '1'){
		msg.failure(data.info);
	}else {
		//登录成功
		tcdn = data.tcdn;
		useChange(tcdn.isUse == 1);
		if (tcdn.isUse == 1) {
			//使用了tcdn
			//document.getElementById('iframe_div').style.display = '';
			
			document.getElementById('button').innerHTML = '<input type="checkbox" id="switchInputId" name="isUse" value="1" lay-filter="isUse" lay-skin="switch" lay-text="当前已开启TCDN|关闭" checked>';
			document.getElementById('shifouqiyong').style.position = 'absolute';
			document.getElementById('use_explain').style.display='none';
			document.getElementById('qiyongtishi').style.display='none';
			
			document.getElementById('url').value = tcdn.url;
			
			document.getElementById('set').style.display='';
		}else {
			document.getElementById('button').innerHTML = '<input type="checkbox" id="switchInputId" name="isUse" value="1" lay-filter="isUse" lay-skin="switch" lay-text="开启|关闭">'
			
			document.getElementById('set').style.display='none';
		}
		layui.use('form', function(){
			layui.form.render();;
		});
	}

});


/**
 * 保存
 */
function save() {
	msg.loading("保存中");
	// 表单序列化
	var param = wm.getJsonObjectByForm($("form"));
	const urlOld = param.url;
	const encodedUrl = encodeURIComponent(urlOld); 
	
	wm.post("/plugin/tcdn/saveTcdn.json", {url:encodedUrl}, function(data) {
		msg.close();
		if (data.result == '1') {
			parent.msg.success("操作成功")
			parent.layer.close(index);
			// 刷新父窗口
			parent.location.reload();
		} else if (data.result == '0') {
			msg.failure(data.info);
		} else {
			msg.failure(result);
		}
	}, "text");

	return false;
}

</script>

<jsp:include page="/wm/common/foot.jsp"></jsp:include>